<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8">


<link type="text/css" rel="stylesheet" href="http://localhost/ChatWidget/yui_3.0.0b1/yui/build/cssfonts/fonts-min.css" /> 
<script type="text/javascript" src="http://localhost/ChatWidget/yui_3.0.0b1/yui/build/yui/yui-min.js"></script> 
<script type="text/javascript" src="http://127.0.0.1/ChatWidget/config.js" ></script> 

<title>Participant Badge tester</title> 
<!--begin custom header content for this example--> 
 
</head>
<body class=" yui-skin-sam"> 

<div id="delegate" style="margin-top:100px; margin-left:500px;"> 
Participants list:
<div id="participantsList" class="participantsList" ></div> 
</div>
 <script> 
		YUI(config).use( 'participantsList' , 'participantBadgePlugin', function(Y){  
			 
			var pl = new Y.ParticipantsList({
 	    		contentBox: "#participantsList"
	 		});	 		
	 		pl.plug(Y.ParticipantBadgePlugin); 
			pl.render();  
		});	
</script>
 

</body>
</html>
 
			